import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import {createPinia} from 'pinia'

// Element Plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App)

// 创建pinia实例
const pinia = createPinia()

// 注册 Element Plus 图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

// 使用插件
app.use(pinia)
app.use(router)
app.use(ElementPlus)

// 挂载应用
app.mount('#app')

// 开发环境下的调试信息
if (import.meta.env.DEV) {
    console.log('🔧 Easy Mart 用户端开发模式已启用')
    console.log('🌐 前端地址: http://localhost:3000')
    console.log('🔗 后端API: http://localhost:8080/api')
    console.log('📋 环境变量配置:')
    console.log('  - VITE_API_BASE_URL:', import.meta.env.VITE_API_BASE_URL || '(空字符串)')
    console.log('  - VITE_APP_TITLE:', import.meta.env.VITE_APP_TITLE)
    console.log('  - VITE_DEBUG:', import.meta.env.VITE_DEBUG)
}